<template>
  <div>

  <b>评价</b><span>（132）</span>
  <ul>
    <li v-for="(v,i) in arr" :key="i">
      <img :src="v.img" alt="">
      <span class="name">{{v.name}}</span>
      <p>{{v.text}}</p>
      <span>{{v.time}}</span>
    </li>
  </ul>
  <router-link to="">查看更多评论</router-link>

  </div>
</template>

<script>
export default {
    data() {
        return {
            arr:[{
img:"xiang/8.jpg",
name:"风吹麦浪",
text:"属于二次回购了，很保湿，皮肤有提亮的感觉",
time:"2022-03-04"
    },
    {
img:"xiang/9.jpg",
name:"士心",
text:"用了一段时间，感觉确实有美白效果，肤色整体提亮了。",
time:"2021-10-22"
    },
    {
     img:"xiang/10.jpg",
name:"蓝色浆果汁",
text:"很润，冬天当抗氧化精华用，之前都是海淘，丝芙兰搞活动比海淘便宜，囤货。" ,
time:"2021-09-12" 
    }
  ]
        }
    },
 
}
</script>

<style scoped>
div{
  width:90% ;
  height: 4.2rem;
  margin: auto;
  border-radius: 0.1rem;
  line-height: 0.3rem;
  background-color: white;
  margin-top: 0.2rem;
padding-left: 0.1rem;
}
 li{
  border-bottom: 0.01rem solid gainsboro;
  position: relative;
  margin-top: 0.1rem;
  font-size: 0.12rem;
}
.name{
  margin-left: 0.35rem;
  font-size: 0.14rem;
}
img{
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  position: absolute;
}
 a{
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.16rem;
  margin-left: 36%;
}
</style>